<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/user.css">
<link rel="stylesheet" href="css/jquery.flex-images.css">
<script src="js/jquery.min.js"></script>
<script src="js/common.js"></script>

<body style="background: #F7F8FA">

<div class="over-flow top" style="">
    <div class="main">
        <div class="pull-left" style="margin: 24px 0px;">
            <a><img src="images/logo.png"></a>
        </div>
        <div class="pull-right text-right">
            <p>今天是：2016年07月25日&nbsp;星期一</p>
            <p>您好,&nbsp;&nbsp;<a>钟桂林</a></p>
        </div>
    </div>
</div>

<div class="main main-box over-flow" style="background: #4497D2;">
    <script>
        $(function(){
            var url=window.location.href;
            $(".user-nav dd" ).each(function(){
                if(url.indexOf($(this ).attr('data-tag'))!=-1){
                    $(this ).addClass('active' ).siblings().removeClass('active')

                }
            })
        })
    </script>
    <dl class="user-nav pull-left">
        <dt>个人中心</dt>
        <dd data-tag="user-tuwen"><a href="user-tuwen.html" style="background: url(images/user/icon-1.png) no-repeat left center;">我的图文</a></dd>
        <dd data-tag="user-zhanghao" class="active"><a href="user-zhanghao.html" style="background: url(images/user/icon-2.png) no-repeat left center;">我的账号</a></dd>
        <dd data-tag="user-tongji"><a href="user-tongji.html" style="background: url(images/user/icon-3.png) no-repeat left center;">当前统计</a></dd>
        <dd data-tag="user-huishou"><a href="user-huishou.html" style="background: url(images/user/icon-4.png) no-repeat left center;">回收站</a></dd>
        <dd><a style="background: url(images/user/icon-5.png) no-repeat left center;">返回首页</a></dd>
        <dd><a style="background: url(images/user/icon-6.png) no-repeat left center;">退出</a></dd>
    </dl>
    <div class="user-content pull-left">
        <table>
            <tr>
                <td width="25%" align="right">用户名</td>
                <td class="value" width="60%"><input type="text" value="zhonggl" readonly></td>
                <td class="notice" width="20%">*(不可修改)</td>
            </tr>
            <tr>
                <td  align="right">真实姓名</td>
                <td class="value" width="60%"><input type="text" value="钟桂林" readonly></td>
                <td class="notice" >*(不可修改)</td>
            </tr>
            <tr>
                <td align="right">密码</td>
                <td class="value" ><input type="text" value="******"></td>
                <td class="notice" >*</td>
            </tr>
            <tr>
                <td align="right">邮箱</td>
                <td class="value" ><input type="text" value="429686236@qq.com"></td>
                <td class="notice" >*</td>
            </tr>
            <tr>
                <td align="right">电话</td>
                <td class="value" ><input type="text" value="13983611419"></td>
                <td class="notice" >*</td>
            </tr>
            <tr>
                <td  align="right">联系地址</td>
                <td class="value" ><input type="text" value="渝中区文化街48号"></td>
                <td class="notice" >*</td>
            </tr>
            <tr>
                <td align="right">开户银行</td>
                <td class="value" ><input type="text" value="建设银行"></td>
                <td class="notice" >*</td>
            </tr>
            <tr>
                <td align="right">银行卡号</td>
                <td class="value" ><input type="text" value="6217&nbsp;0037&nbsp;6003&nbsp;0230&nbsp;825"></td>
                <td class="notice" >*</td>
            </tr>
            <tr>
                <td width="20%" align="right">身份证号码</td>
                <td class="value" width="60%"><input type="text" value="110105196812272168"></td>
                <td class="notice" width="20%">*</td>
            </tr>
            <tr>
                <td width="20%" align="right">QQ号</td>
                <td class="value" width="60%"><input type="text" value="1175995117"></td>
                <td class="notice" width="20%">*</td>
            </tr>
            <tr>
                <td width="20%" align="right"></td>
                <td style="font-size: 14px;" class="notice" width="60%">注：标*号为必填项</td>
                <td class="notice" width="20%"></td>
            </tr>
            <tr>
                <td width="20%" align="right"></td>
                <td>
                    <input type="submit" value="修改个人信息">
                </td>
                <td class="notice" width="20%"></td>
            </tr>
        </table>
    </div>
</div>

<div class="foot over-flow clearfix">
    <div class="foot-box">
        <div class="over-flow" style="background: url(images/foot-bg.png) top right no-repeat;height: 120px;">
            <div class="box content text-center">
                <p>您是第<span style="background: #909090;color: #fff;display: inline-block;padding: 0px 3px;margin: 0px 8px;">6879456</span>位访者</p>
                <p>2013&nbsp;&nbsp;版权所有&nbsp;&nbsp;重庆市交通委员会&nbsp;&nbsp;联系电话：023-8918300&nbsp;&nbsp;传真：023-89183222<span style="display: inline-block;background: url(images/foot-2.png) left center no-repeat;padding-left: 20px;">渝ICP备0978456号</span></p>
                <p>技术支持：重庆旺山实业有限公司</p>
            </div>

        </div>
    </div>
</div>

</body>
</html>